{extends 'form.html'}
{block name="nav_user"}			
	<ul class="current">
		<li><a href="ctlr_user-act_all"><b>Users</b><!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div class="select_sub show">
				<ul class="sub">
					<li class="sub_show"><a href="ctlr_user-act_all">View all users</a></li>
					<li>
						<a href="ctlr_user-act_create">Add user</a>
					</li>
					<li>
						<a href="#nogo">edit user</a>
					</li>
				</ul>
			</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul>
	<div class="nav-divider">&nbsp;</div>
{/block}
{block name="op-title"}
		<h1>View all users</h1>
{/block}
{block name="msgs"}	
		<div id="message-blue">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">
				<tr>
					<td class="blue-left">Welcome back. <a href="ctlr_user-act_create">Create new user.</a> </td>
					<td class="blue-right"><a class="close-blue"><img src="{$assets}images/table/icon_close_blue.gif"   alt="" /></a></td>
				</tr>
			</table>
		</div>	
		{if isset($info)}
		<div id="message-green">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">
				<tr>
					<td class="green-left">{$info}. <a href="ctlr_user-act_create">Add new one.</a></td>
					<td class="green-right"><a class="close-green"><img src="{$assets}images/table/icon_close_green.gif"   alt="" /></a></td>
				</tr>
			</table>
		</div>
		{/if}		
{/block}
{block name="listORform"} 		
		<div id="content-table-inner">
			<!--  start table-content  -->
			<div id="table-content">
				{block name="msgs"}
					{include file="inc/msg.inc.html"}
				{/block}
				<!--  start product-table ..................................................................................... -->
				<form id="mainform" action="">
					<table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
						<tr>
							<th class="table-header-check"><a id="toggle-all" ></a> </th>
							<th class="table-header-repeat line-left minwidth-1"><a href="">First Name</a></th>
							<th class="table-header-repeat line-left minwidth-1"><a href="">Last Name</a></th>
							<th class="table-header-repeat line-left minwidth-1"><a href="">Username</a></th>
							<th class="table-header-repeat line-left minwidth-1"><a href="">email</a></th>
							<th class="table-header-repeat line-left"><a href="">User Type</a></th>
							<th class="table-header-options line-left"><a href="">Options</a></th>
						</tr>
						{section name=nr loop=$users}
						<tr {if $smarty.section.nr.iteration is odd} class="alternate-row"{/if}>
							<td><input name="user_id[]" value="{$users[nr].id}" type="checkbox"/></td>
							<td>{$users[nr].firstname}</td>
							<td>{$users[nr].lastname}</td>
							<td>{$users[nr].username}</td>
							<td>{$users[nr].email}</td>
							<td>{$users[nr].type}</td>
							<td class="options-width">
								<a href="ctlr_user-act_edit?id={$users[nr].id}" title="Edit" class="icon-1 info-tooltip"></a>
								<a href="ctlr_user-act_delete?id={$users[nr].id}" title="delete" class="icon-2 info-tooltip"></a>
							</td>
						</tr>
						{sectionelse}
						<tr><td colspan="7" align="center"><br><b>no users found. </b> <br> </td></tr>
						{/section}				
					</table>
				<!--  end product-table................................... --> 
				</form>
			</div>
			<!--  end content-table  -->
		
			<!--  start actions-box ............................................... -->
			<div id="actions-box">
				<a href="" class="action-slider"></a>
				<div id="actions-box-slider">
					<a href="#" class="action-edit">Edit</a>
					<a href="#" class="action-delete">Delete</a>
				</div>
				<div class="clear"></div>
			</div>
			<!-- end actions-box........... -->
			
			<!--  start paging..................................................... -->
			<table border="0" cellpadding="0" cellspacing="0" id="paging-table">
			<tr>
			<td>
				<a href="#" class="page-far-left"></a>
				<a href="#" class="page-left"></a>
				<div id="page-info">Page <strong>1</strong> / 15</div>
				<a href="#" class="page-right"></a>
				<a href="#" class="page-far-right"></a>
			</td>
			<td>
			<select  class="styledselect_pages">
				<option value="">Number of rows</option>
				<option value="">1</option>
				<option value="">2</option>
				<option value="">3</option>
			</select>
			</td>
			</tr>
			</table>
			<!--  end paging................ -->
			<div class="clear"></div>
		</div>
{/block}		